// 管理所有自定义指令
export const imagerror = {
  // 指令对象,会在当前的dom元素插入到节点之后再执行
  inserted(dom, options) {
    // options是指令变量中的解释,其中有一个属性叫value
    // dom表示当前指令作用的dom对象
    // dom此时就是image
    // 当图片有地址地址没有加载成功会触发图片的一个事件=>onerror
    dom.src = dom.src || options.value // 初始化的时候如果有值就赋值如果没值就需要默认值赋值
    dom.onerror = function() {
      // 当图片出现异常时会将指令配置的默认图片设置为该图片
      dom.src = options.value
    }
  },
  componentUpdated(dom, options) {
    // 该钩子函数会在当前指令作用的组件 更新数据完毕之后 执行
    // inserted只会执行一次
    // 组件一旦初始化更新后就不会进入inserted函数了会进入componentUpdate函数
    dom.src = dom.src || options
  }
}
/* <img v-imagerror="img" /> */
// data(){return {img:'a.png'}}

